<?php require_once 'protected/config/main.php'; $DB->conn(); ?>
<!DOCTYPE html>
<html>
    <head>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
        <meta name="language" content="en" />
        <title>Sailing around the world</title>
        <link rel="stylesheet" type="text/css" href="/static/css/main.css" />
        <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/themes/start/jquery-ui.css" />
        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true&libraries=panoramio"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.13/jquery-ui.min.js"></script>
        <script type="text/javascript" src="static/js/main.js"></script>
        <script type="text/javascript" src="static/js/map.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                    <?php require_once 'protected/view/add_log_messages_to_map.php'; ?>
            });
        </script>
    </head>
    <body>
        <div id="map_canvas" style="width:100%; height:100%"></div>
        <div id="login" title="Login" style="display:none;"><?php require_once 'protected/view/login.php'; ?></div>
        <div id="map_menu"><input type="button" value="Options" id="btn_open_options" /></div>
        <div id="map_options" style="display:none;"><?php require_once 'protected/view/side_bar.php'; ?></div>
         <?php require_once('protected/view/add_log_message_form.php'); require_once('protected/view/add_user_vars.php'); ?>
    </body>
</html>
<?php $DB->close(); ?>